<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Tree - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="tree.css">
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jquery.easyui.min.js"></script>
</head>
<body style="margin:0 auto; padding: 0px;">
	
	<!--<div id="left_nav" style="height:450px; width:220px;border: 1px solid red;"> -->
	<ul class="easyui-tree">
		<li> <div class="lnav_home">HOME1</div></li>
		<li> <div class="lnav_view_rpt">VIEW REPORTS</div></li>
		<li> <div id="lnav_aval_rpt">AVAILABLE REPORTS</div></li>
		<li> <div id="lnav_upcming">UPCOMING</div></li>
		<li> <div id="lnav_deact">DEACTIVATED</div></li>
		<li> <div class="lnav_bld_rpt">BUILD REPORTS</div></li>
		<li> <div id="lnav_mst_ppr">MOST POPULAR</div></li>
		<li> <div id="lnav_all">ALL</div></li>
		<li  data-options="state:'closed'">
			<span>My Documents</span>
			<ul>
				<li data-options="state:'closed'">
					<span>Photos</span>
					<ul>
						<li data-options="state:'closed'"><span>picture</span></li>
					</ul>
				</li>
				<li  data-options="state:'closed'">
					<span>Program Files</span>
				</li>
				<li  data-options="state:'closed'">
                    <span>Program Files1</span>
                </li>
                <li  data-options="state:'closed'">
                    <span>Program Files2</span>
                </li>


			</ul>
		</li>
	</ul>
</body>
</html>